<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="referrer" content="no-referrer" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>账户管理-CSDN</title>
   <link type="image/x-icon" href="../favicon32.ico" rel="SHORTCUT ICON">
   <link rel="stylesheet" href="../css/currency.css">
   <link rel="stylesheet" href="../css/index.min.css">
   <script src="../js/jquery-3.6.0.js"></script>
   <script src="../js/index.js"></script>
   <link rel="stylesheet" href="../css/Modify_Avatar.min.css">
   <script src="../js/loginv.js" v></script>
   <script src="../js/Modify_Avatar.js"></script>
</head>

<body>
   <script src="../js/alter.js"></script>
   <header>
      <div class="left">
         <a class="index" href="/">
            <img src="../image/头部图片.png" alt="">
         </a>
         <ul class="mune">
            <li>博客</li>
            <li>课程</li>
            <li>开发者商城</li>
            <li>问答</li>
            <li>社区</li>
            <li>插件</li>
            <li>认证</li>
            <li>开源</li>
         </ul>
      </div>
      <div class="center">
         <div class="box">
            <input type="text" placeholder="开发大神毛星云去世" class="ipaw">
            <button class="Search_button">
               <i></i>
               <span>搜索</span>
            </button>
         </div>
         <div class="">

         </div>
      </div>
      <div class="right">
         <ul class="mune">
            <li class="profile">
               <a class="login" href="/view/login">登录/注册</a>
               <a class="profile_img" href="/view/Modify_Avatar"><img class="profile_image" src="" alt=""></a>
            </li>
            <li>会员中心 </li>
            <li>收藏</li>
            <li>动态</li>
         </ul>
         <div class="cz">
            <a href="/view/Creative_space.html">
               <div class="jlimg">

               </div>
               <span>
                  创作
               </span>
               <i class="jlimg">

               </i>
            </a>
         </div>
      </div>
   </header>
   <div class="fixed" style="display: none;">
      <div class="z"></div>
      <div class="upimg box list-box" style="display: none;">
         <ul class="top">
            <li class="active list-button">上传图片</li>
            <li class="g"></li>
            <li class="c">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
                  <path 
                     d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z">
                  </path>
               </svg>
            </li>
         </ul>
         <ul class="bom up">
            <li class="updata dis list-option">
               <form enctype="multipart/form-data" action="#">
                  <div>
                     <button id="upimg" class="file_s">
                        <input type="file" accept="image/*" multiple>
                        选择图片
                     </button>
                  </div>
                  <div>
                     支持jpg、jpeg、png等多种格式，单张图片最大支持5MB
                  </div>
               </form>
            </li>
         </ul>
      </div>
      <div class="editnickname box" style="display: none;">
         <ul class="top">
            <li class="active list-button">修改昵称</li>
            <li class="g"></li>
            <li class="c">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
                  <path 
                     d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z">
                  </path>
               </svg>
            </li>
         </ul>
         <ul class="bom up">
            <li class="updata dis list-option">
               <form enctype="multipart/form-data" action="#">
                  <div>
                     <input type="text" class="modify-nickname-input" placeholder="输入用户名">
                     <button id="modify-nickname" type="button">确定</button>
                  </div>
               </form>
            </li>
         </ul>
      </div>
      <div class="z"></div>
   </div>

   <div id="app">
      <div id="user-center-container" class="container view container-fixed-withsatisfied">
         <div class="container-right">
            <div class="container-profile">
               <div class="profile-header">
                  <div class="general-info">
                     <div class="general-info-t">
                        <div class="general-info-avatar profile">
                           <img class="profile_image" src="" alt="">
                           <div class="avatar-hover">
                              <img
                                 src=""
                                 alt="">
                           </div>
                        </div>
                        <div class="general-info-t-info">
                           <div class="profile-name-info">
                              <div class="person-name nickname"></div>
                              <div class="person-code-age"
                                 style="background-color: rgb(209, 221, 241); color: rgb(69, 81, 101);">
                                 <img src="https://img-home.csdnimg.cn/images/20210108035944.gif" alt="">
                                 <span>码龄24天</span>
                              </div>
                           </div>
                           <div class="profile-vip-info no-vip">
                              <i class="vip-icon"></i>
                              <div class="no-vip-info">您还不是会员身份</div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div id="base-info" class="base-info">
                     <div class="base-info-head">基本信息</div>
                     <div class="base-info-content">
                        <div class="base-info-content-show">
                           <form class="el-form base-info-edit-form el-form--label-top el-form--inline">
                              <ul>
                                 <li>
                                    <div class="content-show-l">用户昵称</div>
                                    <div class="content-show-r nickname"></div>
                                    <div class="edit-icon" id="edit-nickname">
                                       <i></i>
                                       <span> 编辑</span>
                                    </div>

                                 </li>
                                 <li>
                                    <div class="content-show-l">
                                       <span>用</span>
                                       <span>户</span>
                                       <span>ID</span>
                                    </div>
                                    <div class="content-show-r uid"></div>
                                 </li>
                                 <li>
                                    <div class="content-show-l">
                                       <span>性</span>
                                       <span>别</span>
                                    </div>
                                    <div class="content-show-r">男</div>
                                    <!---->
                                    <div class="edit-icon">
                                       <i></i>
                                       <span> 编辑</span>
                                    </div>
                                 </li>
                                 <li>
                                    <div class="content-show-l">个人简介</div>
                                    <div class="content-show-r no-data">
                                       未填写
                                    </div>
                                    <!---->
                                    <!---->
                                    <div class="edit-icon">
                                       <i></i>
                                       <span>编辑</span>
                                    </div>
                                    <!---->
                                 </li>
                                 <li>
                                    <div class="content-show-l">所在地区</div>
                                    <div class="content-show-r no-data">未选择</div>
                                    <!---->
                                    <div class="edit-icon">
                                       <i></i>
                                       <span>编辑</span>
                                    </div>
                                 </li>
                                 <li>
                                    <div class="content-show-l">出生日期</div>
                                    <div class="content-show-r no-data">未设置</div>
                                    <!---->
                                    <div class="edit-icon">
                                       <i></i>
                                       <span>编辑</span>
                                    </div>
                                 </li>
                                 <li>
                                    <div class="content-show-l">开始工作</div>
                                    <div class="content-show-r no-data">未选择</div>
                                    <!---->
                                    <div class="edit-icon">
                                       <i></i>
                                       <span>编辑</span>
                                    </div>
                                 </li>
                              </ul>
                              <button id="td" class="td" type="button">退出登陆</button>
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div id="copyright-box" class="">
      <div id="csdn-copyright-footer" class="column">
         <ul class="footer-column-t">
            <li>
               <a href="" target="_blank">关于我们</a>
            </li>
            <li>
               <a href="" target="_blank">招贤纳士</a>
            </li>
            <li>
               <a href="" target="_blank">广告服务</a>
            </li>
            <li>
               <a href="" target="_blank">开发助手</a>
            </li>
            <li>
               <img src="//g.csdnimg.cn/common/csdn-footer/images/tel.png" alt="">
               <span>400-660-0108</span>
            </li>
            <li>
               <img src="//g.csdnimg.cn/common/csdn-footer/images/email.png" alt="">
               <a href="" target="_blank">kefu@csdn.net</a>
            </li>
            <li>
               <img src="//g.csdnimg.cn/common/csdn-footer/images/cs.png" alt="">
               <a href="" target="_blank">在线客服</a>
            </li>
            <li>
               工作时间&nbsp;8:30-22:00
            </li>
         </ul>
         <ul class="footer-column-b">
            <li><img src="//g.csdnimg.cn/common/csdn-footer/images/badge.png" alt="">
               <a href="" rel="noreferrer" target="_blank">公安备案号11010502030143</a>
            </li>
            <li><a href="" rel="noreferrer" target="_blank">京ICP备19004658号</a></li>
            <li><a href="" rel="noreferrer" target="_blank">京网文〔2020〕1039-165号</a></li>
            <li><a href="" target="_blank">经营性网站备案信息</a></li>
            <li><a href="" target="_blank">北京互联网违法和不良信息举报中心</a></li>
            <li><a href="" target="_blank">网络110报警服务</a></li>
            <li><a href="" target="_blank">中国互联网举报中心</a></li>
            <li><a href="" target="_blank">家长监护</a></li>
            <li><a href="" target="_blank">Chrome商店下载</a></li>
            <li>©1999-2022北京创新乐知网络技术有限公司</li>
            <li><a href="" target="_blank">版权与免责声明</a></li>
            <li><a href="" target="_blank">版权申诉</a></li>
            <li><a href="" target="_blank">出版物许可证</a></li>
            <li><a href="" target="_blank">营业执照</a></li>
         </ul>
      </div>
   </div>
</body>

</html>